page{
  background:linear-gradient(134deg,rgba(254,43,43,1) 0%,rgba(245,176,105,1) 100%);
  .page-body{
    width: 100%;
    height: 100%;
    padding: 10% 30rpx 100rpx;
    box-sizing:border-box;
  }
  .ass-navBar{
    width:100%;
    background-color:green;
    position: absolute;
    top:0;
  }
  .navBar{
    width: 64rpx;
    height: 56rpx;
  }
  .ass-detail-body{
    width: 690rpx;
    background-color: #ffffff;
    border-radius: 16rpx;
    padding: 0 30rpx 52rpx;
    box-sizing: border-box;
    position: relative;
    .ass-user{
      border-bottom: 2rpx solid #EEEEEE;
      height: 164rpx;
      display:flex;
      align-items:center;
      .user-photo{
        width: 104rpx;
        height: 104rpx;
        border-radius: 50%;
        margin-right: 30rpx;
      }
      .help-imgs{
        width: 120rpx;
        height: 120rpx;
        margin-left:30rpx;
      }
      .ass-user-name{
        view{
          color: #000000;
          &:first-child{
            font-size: 30rpx;
            margin-bottom: 24rpx;
            text{
              color: #FDA346;
            }
          }
          &:last-child{
            font-size: 26rpx;
          }
        }
      }
    }
    .goods-show{
      display:flex;
      align-items:center;
      border-bottom:2rpx solid #EEEEEE;
      height:240rpx;
      box-sizing:border-box;

      image{
        width: 180rpx;
        height: 180rpx;
        margin-right: 30rpx;
      }
      .goods-show-detail{
        height: 180rpx;
      }
      .goods-title{
        width: 436rpx;
        overflow: hidden;
        display: -webkit-box;
        /* autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */
        -webkit-line-clamp: 1;
        font-size: 28rpx;
      }
      .goods-sku{
        font-size: 24rpx;
        color: #888888;
        margin: 32rpx 0 16rpx;
      }
      .goods-price{
        view{
          display: inline-block;
        }
        .goods-price-icon{
          font-size: 24rpx;
          color: #D0021B;
        }
        .goods-price-num{
          font-size: 40rpx;
          color: #D0021B;
          margin-right: 14rpx;
        }
        .goods-price-text, .goods-price-old{
          font-size: 24rpx;
          color: #000000;
        }
        .goods-price-old{
          margin-left: 8rpx;
          text-decoration:line-through
        }
      }
    }
    .ass-active{
      .ass-active-title{
        margin-top: 30rpx;
        font-size: 28rpx;
        text-align: center;
        text{
          color: #FA1632;
				}
				.mark {
					font-size: 34rpx;
					color: #FA1632;
					font-weight: bold;
				}
      }
      .ass-active-user{
        display:flex;
        align-items:center;
        text-align:center;
        padding:30rpx 20rpx;
        width:638rpx;
        box-sizing:border-box;
        &.max-w {
          flex-wrap: wrap;
        }
        &.min-w {
          justify-content: space-between;
        }
        .help-user-img {
          justify-content: space-between;
        }
        .flex-w{
          width: 133rpx;
          margin-bottom:15rpx;
        }
        .no-help-img{
          width: 104rpx;
          height: 104rpx;
          border-radius: 50%;
          background-color: #EEEEEE;
          display:inline-block;
        }
        image{
          width: 104rpx;
          height: 104rpx;
          border-radius: 50%;
        }
        .help-text{
          font-size: 24rpx;
          width:104rpx;
          overflow:hidden;
          white-space:nowarp;
          line-height:34rpx;
          height:34rpx;
          display:inline-block;
        }
      }
    }
    .ass-btn{
      width:630rpx;
      line-height:84rpx;
      background:linear-gradient(160deg,rgba(249,107,107,1) 0%,rgba(250,30,30,1) 100%);
      font-size: 32rpx;
      color: #ffffff;
      text-align: center;
      border-radius: 42rpx;
    }
  }
  .ass-rule{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 30rpx;
    margin-top: 56rpx;
    image{
      width: 14rpx;
      height: 24rpx;
      margin-left: 10rpx;
    }
  }
}
